.viewer {
	background:#000000;
	background:rgba(0,0,0,0.8);
	background-image:-moz-radial-gradient(50% 50%,ellipse cover,rgba(0,0,0,0.8) 0,rgba(0,0,0,1) 100%);
	background-image:-webkit-radial-gradient(50% 50%,ellipse cover,rgba(0,0,0,0.8) 0,rgba(0,0,0,1) 100%);
	background-image:-o-radial-gradient(50% 50%,ellipse cover,rgba(0,0,0,0.8) 0,rgba(0,0,0,1) 100%);
	background-image:-ms-radial-gradient(50% 50%,ellipse cover,rgba(0,0,0,0.8) 0,rgba(0,0,0,1) 100%);
	background-image:radial-gradient(50% 50%,ellipse cover,rgba(0,0,0,0.8) 0,rgba(0,0,0,1) 100%)
}
.viewer .caption {
	color:#ba6d3a;
	font-size:1.2em;
	height: 3.8em;
	line-height: 3.8em
}
.viewer li>div {
	left:50px;
	top:50px;
	bottom:50px;
	right:50px
}
.viewer li.loading>div {
	background:url(../../images/loading.gif) center center no-repeat
}

.viewer li.loading.previous,.viewer li.loading.next {
	background:0
}
.viewer img {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.5);
	-moz-box-shadow:0 5px 20px rgba(0,0,0,0.5);
	box-shadow:0 5px 20px rgba(0,0,0,0.5);
}
.viewer .close {
	top:20px!important;
	right:20px!important;
	font-weight:700!important;
	filter:alpha(opacity=80);
	-khtml-opacity:.2;
	-moz-opacity:.2;
	opacity:.2;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out; ;
	transition:all .2s ease-in-out;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	-o-border-radius:1em;
	border-radius:1em;
	background: #fff;
	width: 30px;
	height: 30px;
	color: #000;
	font-size: 30px;
	line-height: 23px;
	text-align: center;
}

.viewer .close:hover {
	filter:alpha(opacity=100);
	-khtml-opacity:1;
	-moz-opacity:1;
	opacity:1
}

.viewer li.next > div {
	left: 20%!important;
	right: 20%!important;
}

.viewer li.previous > div {
	right: 20%!important;
	left: 20%!important;
}

.viewer li.previous, .viewer li.next {
	background: rgba(255, 255, 255, 0.06);
}

.ie8 .viewer li.previous, .viewer li.next {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0FFFFFFF,endColorstr=#0FFFFFFF);
}

/*Transitions*/
.viewer li {
	-webkit-transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
	-moz-transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
	-o-transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
	transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000);
}
.viewer .caption{
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 1.5s ease-in-out;
	-moz-transition: opacity 1.5s ease-in-out;
	-o-transition: opacity 1.5s ease-in-out;
	transition: opacity 1.5s ease-in-out;
}
.viewer .current .caption{
	opacity: 100;
	visibility: visible;
}

